<style>

</style>
<div id="ci" class="w800 h600 box"></div>
<div id="svg" class="box">
  <svg width="202" height="202">
    <line x1="0" y1="200" x2="200" y2="0" fill="none" stroke="#0086B2" stroke-width="1"></line>
  </svg>
  <svg width="202" height="202">
    <defs>
      <linearGradient id="MyGradient">
        <stop offset="5%" stop-color="green" />
        <stop offset="95%" stop-color="gold" />
      </linearGradient>
    </defs>
    <rect x="0" y="0" width="200" height="200" rx="0" ry="0" fill="url(#MyGradient)" fill-opacity="0.3" stroke="#0086B2" stroke-width="1"></rect>
  </svg>
  <svg width="202" height="202">
    <circle cx="100" cy="100" r="100" fill="none" stroke="#0086B2" stroke-width="1"></circle>
  </svg>
  <svg width="202" height="202">
    <polyline points="0,0 200,100 0,100 200,200" fill="none" stroke="#0086B2" stroke-width="1"></polyline>
  </svg>
  <svg width="202" height="202">
    <ellipse cx="100" cy="100" rx="100" ry="30" fill="none" stroke="#0086B2" stroke-width="1"></ellipse>
  </svg>
  <svg width="202" height="202">
    <polygon points="100,0 0,200 200,200" fill="none" stroke="#0086B2" stroke-width="1"></polygon>
  </svg>
  <svg width="202" height="202">
    <path d="M 50 50 L 150 50 L 100 150 z" fill="orange" stroke="black" stroke-width="3" />
  </svg>
  <svg width="202" height="202">
    <image xlink:href="/assets/img/pic.jpg" x="0" y="0" height="200" width="200" />
  </svg>
  <svg width="202" height="202">
    <text x="0" y="35" font-family="Verdana" font-size="35">
      Hello, SVG!
    </text>
  </svg>
  <svg width="300" height="300">
    <g>
      <rect x="0" y="0" width="200" height="200" rx="0" ry="0" fill="#f00" fill-opacity="0.5" stroke="#0086B2" stroke-width="1" transform="scale(0.5)"></rect>
      <rect x="0" y="0" width="200" height="200" rx="0" ry="0" fill="#0f0" fill-opacity="0.5" stroke="#0086B2" stroke-width="1" transform="scale(0.5) translate(20,20)"></rect>
      <rect x="0" y="0" width="200" height="200" rx="0" ry="0" fill="#00f" fill-opacity="0.5" stroke="#0086B2" stroke-width="1" transform="translate(20,20) scale(0.5)"></rect>
    </g>
  </svg>
</div>